<html>
<head>
    <meta charset="utf-8">
    <title>{$cfg['guanzhutitle']} </title>
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,initial-scale=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <style>
        body, .header, .header *, .com *, .tj_box *, .btnbox * {
            margin: 0;
            padding: 0;
        }
        .header, .header ul, .com ul, .tj_box ul, .btnbox ul, .header, .header li, .com li, .tj_box li, .btnbox li {
            list-style: none;
        }

        input, textarea {
            -webkit-appearance: none;
        }

        body {
            font-size: 14px;
        }

        body {
            font-family: "微软雅黑", "宋体", Arial;
            background: #efefef;
            line-height: 1.8;
        }

        .clearfix:after {
            content: " ";
            height: 0;
            visibility: hidden;
            display: block;
            clear: both;
        }

        * html .clearfix {
            zoom: 1;
        }

        *:first-child+html .clearfix {
            zoom: 1;
        }

        .wrapper {
            _width: 640px;
            max-width: 640px;
            margin: 0 auto;
        }

        .tj_title, .tj_box dl {
            border-bottom: 1px solid #c5c5c5;
            box-shadow: 0 1px 0 #FFF;
            -webkit-border-bottom: none;
            -webkit-box-shadow: none;
            -webkit-border-image: url() 0 0 2 0/0 0 2px 0;
        }

        .tj_title {
            margin: 10px 10px 5px 10px;
            color: #777777;
            padding-bottom: 5px;
            text-indent: 10px;
            font-size: 15px;
            font-weight: bold;
        }

        .tj_box {
            margin: 15px 10px;
            text-align: left;
            font-size: 12px;
            overflow: hidden;
        }

        .tj_box img {
            border: none;
            width: 50px;
            height: 50px;
            border-radius: 25px 25px;
        }

        .tj_box dl {
            margin: 5px 0;
            padding-bottom: 5px;
            overflow: hidden;
            cursor: pointer;
        }

        .tj_box dl dt {
            float: right;
            padding: 0;
            height: 50px;
        }

        .tj_box dl dd {
            float: right;
            width: 100%;
            margin-right: -55px;
        }
        .tj_box dl div {
            padding-right: 70px;
        }
        .tj_box dl p {
            color: #999999;
            padding-right: 8px;
            line-height: 1.5;
        }
        .tj_box dl h3 {
            color: #5a5a5a;
            font-size: 14px;
        }
        .tj_base {
            display: inline-block;
            width: 55px;
            height: 70px;
            line-height: 15px;
            text-align: center;
            color: #808080;
            text-decoration: none;
            margin: 5px 0;
            background-position: center 6px;
            background-repeat: no-repeat;
            background-size: 45px auto;
        }
        .header {
            height: 54px;
            color: #FFF;
            position: relative;
            overflow: hidden;
            background-repeat: no-repeat;
            background-position: right top;
            background-size: auto 54px;
            -webkit-box-shadow: 0 2px 10px 2px #d3d3d3;
            box-shadow: 0 2px 10px 2px #d3d3d3;
            margin-bottom: 10px;
        }
        .header .left {
            float: left;
            height: 100%;
            width: 246px;
            background-repeat: no-repeat;
            background-position: left 0;
            background-size: 246px 177px;
        }
        .header .right {
            float: right;
            height: 100%;
            width: 64px;
            background-repeat: no-repeat;
            background-position: right bottom;
            background-size: 246px 177px;
        }
        .header .left h1 {
            padding: 15px 0 2px 15px;
            font-weight: normal;
            font-size: 20px;
            line-height: 23px;
        }
        .header .left span {
            font-size: 13px;
            line-height: 18px;
            padding: 0 0 0 15px;
        }
        .header {
            background-image: url('{RES}images/2000.jpg');
        }
        .menu {
            width: 100%;
            height: 40px;
            border-top: 1px solid #c5c5c5;
            position: fixed;
            bottom: 0;
            z-index: 100;
        }
        .menu a {
            text-decoration: none;
            display: block;
            float: left;
            width: 33.3%;
            border-right: 1px solid #c5c5c5;
            box-sizing: border-box;
            height: 40px;
            color: #4a4a4a;
            font: normal 14px/40px 'SimSun';
            background: #fafafa;
            margin: 0px;
            padding: 0px;
            text-align: center;
        }
        .menu a.a2 {
            font-weight: bold;
            color: #EB6100;
            text-indent: 6px;
        }
        .menu a.a3 {
            border: none;
        }
        .menu a.cur {
            color: #d9004a;
        }
    </style>
</head>
<body>

<div class="wrapper" id="wrapper">
    <ul class="header">
        <li class="left"><h1>{$cfg['guanzhutitle']}</h1></li>
        <li class="right"></li>
    </ul>
    <div class="tj_box">
          {loop $list $item}
        <a style="text-decoration:none;" href="{$item['guanzhuUrl']}">
            <dl class="clearfix">
                <dd>
                    <div style="position: relative;padding-right: 110px;">
                        <h3 class="font14">{$item['title']}</h3>
                        <p>{$item['description']} </p>
				  <span style="display: inline-block;width: 60px; height: 33px;line-height: 33px;background-color: #44b549;border-radius: 5px;text-align: center;color:#fff;position: absolute;top: 50%;right:55px;margin-top: -17px;">
				  +关注
				  </span>
                    </div>
                </dd>
                <dt class="tj_base"><img src="{$_W['attachurl']}{$item['thumb']}"></dt>
            </dl>
        </a>
        {/loop}

    </div>

</div>

Copyright @2014
<a href="" style="color:red;">
    {$cfg['guanzhutitle']}
</a>
Powered By
<a href="contact" style="color:red;">
    {$cfg['copyright']}
</a>

<div align="center">
    <br><br><br>
    {php echo htmlspecialchars_decode($cfg['countUrl'])}
</div>
<br><br><br>

<div class="menu">
    <a class="a0" href="{$cfg['gameUrl']}">最火小游戏</a>
    <a class="a1" href="{$cfg['patron']}">赞助连接</a>
    <a class="a2" href="tel:{$cfg['contact']}">添加公众号联系我</a>
</div>
<style>
    .margingT {
        margin-bottom: 70px;
    }

    .bottomAD {
        -webkit-box-sizing: border-box;
        height: 70px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        padding: 0 10px;
        overflow: hidden;
        width: 100%;
        background: rgba(0, 0, 0, .8);
    }

    .bottom-pic {
        position: absolute;
        top: 5px;
        width: 50px;
        height: 50px;
        overflow: hidden;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .bottom-pic img {
        width: 100%;
        height: 100%;
    }

    .bottom-text {
        margin-left: 60px;
        line-height: 70px;
        font-size: 22px;
        color: #fff;
    }

    .bottom-btn {
        position: absolute;
        top: 10px;
        right: 5px;
        height: 30px;
        line-height: 30px;
        color: #fff;
        background-color: #60b900;
        border-radius: 6px;
        text-align: center;
        font-size: 24px;
        padding: 0 5px;
        font-weight: bold;
    }

    .bottomAD a {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }
</style>

<!--<div class="bottomAD" id="bottomAD">
    <div class="bottom-con">
        <div class="bottom-pic">
            <img src="http://1.rjwboke.sinaapp.com/tuijian/tup/mojig.jpg" width="60" height="60" alt="">
        </div>
        <div class="bottom-text" id="bottomText">约炮，点→</div>
        <div class="bottom-btn">关注</div>
    </div>
    <a id="bottomLink" href="http://mp.weixin.qq.com/s?__biz=MzA5MjAxOTUwNg==&amp;mid=204634916&amp;idx=1&amp;sn=7bec2ab5201c48c59492d7fed19af476#rd"></a>
</div>
-->
</body>
</html>